// 引入路由组件
import Home from '../views/Home'
import Search from '../views/Search'
import Login from '../views/Login'
import Register from '../views/Register'
import Detail from '../views/Detail';

// 配置路由信息
export default  [
    {
        path: "/detail/:skuid/",
        component: Detail,
        meta: { show: true }
    },
    {
        path: "/home",
        component: Home,
        meta: { show: true }
    },
    {
        path: "/search/:keyword?",
        component: Search,
        meta: { show: true },
        name: "search",
        // 路由组件能不能传递props数据
        // 布尔值的写法  只有params参数
        // props:true
        // 对象写法:额外的给props传递一些参数
        // props:{a:1,b:2},
        // 函数写法：可以将params参数，query参数，通过props传递给路由组件
        props: ($route) => {
            return { keyword: $route.params.keyword, k: $route.query.k }
        }
    },
    {
        path: "/login",
        component: Login,
        meta: { show: false }
    },
    {
        path: "/register",
        component: Register,
        meta: { show: false }
    },
    // 路由重复定方向，在项目运行的时候直接访问到首页
    {
        path: "*",
        redirect: "/home"
    },
]